<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script src="js/jquery-3.4.1.min.js"></script>

    <p><button>测试</button></p> 
    <ul>
        <li>a</li> 
        <li>
            <b>b</b> 
        </li> 
        <li>c</li> 
    </ul>

    <script>
       /* 用于向上遍历 DOM 树的方法
                parent() 返回被选元素的直接父元素，仅仅是上一级 （找爸爸）
                parents() 返回被选元素的所有祖先元素，它一路向上直到文档的根元素，可以选择辈分 */
        $("button").click(function(){
            var x = $("b").parent().html(); //找爸爸, <b>b</b> 
            var x = $("b").parents("ul").html(); //找祖宗 ul
            var x = $("b").parents("body").html(); //找祖宗 body
            alert(x);
        });
    </script>
</body>
</html>